<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
<div class="header">
    <div class="top centerArea">
        <div class="logo">
            <a></a>
        </div>
        <div class="search">
            <form>
                <input type="text" value="搜索"/>
                <input type="submit" value=""/>
            </form>
        </div>
    </div>
    <div class="nav ">
       <div class="nav_list centerArea">
           <ul>
               <li>
                   <a>首页</a>
               </li>
               <li>
                   <a>华工首页</a>
               </li>
               <li>
                   <a>华工首页</a>
                   <ul>
                       <li>
                           <a>字栏目名</a>
                       </li>
                       <li>
                           <a>字栏目名</a>
                       </li>
                       <li>
                           <a>字栏目名</a>
                       </li>
                   </ul>
               </li>
               <li>
                   <a>华工首页</a>
               </li>
               <li>
                   <a>华工首页</a>
               </li>
               <li>
                   <a>华工首页</a>
               </li>
               <li>
                   <a>华工首页</a>
               </li>
           </ul>
       </div>
    </div>
</div>
<div class="main">
    <div class="main_contain centerArea">
        <div class="leftSide">
            <div class="area">
                <div class="areaLeft">
                    <div class="title">
                        <div class="title_contain">
                            <a class="more">More+</a>
                            <div class="ch_tilte">新闻快递</div>
                            <div class="en_title">News</div>
                        </div>
                    </div>
                    <div class="news_list">
                        <ul>
                            <li>
                                <span class="hot_news">New</span><a href="">华南理工大学与广东凤铝铝业有限公司联合招收…</a><span class="time">2017/10/20</span>
                            </li>
                            <li>
                                <span class="hot_news">News</span><a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a><span class="time">2017/10/20</span>
                            </li>
                            <li>
                                <span class="hot_news">News</span><a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a><span class="time">2017/10/20</span>
                            </li>
                            <li>
                                <span class="hot_news">News</span><a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a><span class="time">2017/10/20</span>
                            </li>
                            <li>
                                <span class="hot_news">News</span><a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a><span class="time">2017/10/20</span>
                            </li>
                            <li>
                                <span class="hot_news">News</span><a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a><span class="time">2017/10/20</span>
                            </li>
                            <li>
                                <span class="hot_news">News</span><a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a><span class="time">2017/10/20</span>
                            </li>
                            <li>
                                <span class="hot_news">News</span><a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a><span class="time">2017/10/20</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="areaRight">
                    <a>
                        <img src="images/ImageNews.jpg"/>
                    </a>
                    <div class="news_title">
                        <span class="hot_news">New</span>
                        <a>华南理工大学科技论文“表现不俗”较去年增加一倍</a>
                        <div class="briefIntroduction">
                            2012年11月7日，广东省发布了《关于公布广东省第三批博士后创新实践基地的通知》（粤人社发〔2012〕236 号），公布了广东省第三批博士后创新实践基地名单，华南理工大...
                        </div>
                        <div class="time">2017/06/27</div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="area">
                <div class="areaLeft">
                    <div class="title">
                        <div class="title_contain">
                            <a class="more">More+</a>
                            <div class="ch_tilte">通知公告</div>
                            <div class="en_title">announcement</div>
                        </div>
                    </div>
                    <div class="news_list">
                        <ul>
                            <li>
                               <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a><span class="time">2017/10/20</span>
                            </li>
                            <li>
                               <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a><span class="time">2017/10/20</span>
                            </li>
                            <li>
                                <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a><span class="time">2017/10/20</span>
                            </li>
                            <li>
                               <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a><span class="time">2017/10/20</span>
                            </li>
                            <li>
                               <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a><span class="time">2017/10/20</span>
                            </li>
                            <li>
                                <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a><span class="time">2017/10/20</span>
                            </li>
                            <li>
                                <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a><span class="time">2017/10/20</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="areaRight">
                    <div class="title">
                        <div class="title_contain">
                            <a class="more">More+</a>
                            <div class="ch_tilte">招生信息</div>
                            <div class="en_title">Recruitment Information</div>
                        </div>
                    </div>
                    <div class="news_list">
                        <ul>
                            <li>
                                <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a><span class="time">2017/10/20</span>
                            </li>
                            <li>
                                <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a><span class="time">2017/10/20</span>
                            </li>
                            <li>
                                <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a><span class="time">2017/10/20</span>
                            </li>
                            <li>
                                <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a><span class="time">2017/10/20</span>
                            </li>
                            <li>
                                <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a><span class="time">2017/10/20</span>
                            </li>
                            <li>
                                <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a><span class="time">2017/10/20</span>
                            </li>
                            <li>
                                <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a><span class="time">2017/10/20</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="area navigation">
                <div class="areaLeft">
                    <div class="title">
                        <div class="title_contain">
                            <a class="more">More+</a>
                            <div class="ch_tilte">进站导航</div>
                            <div class="en_title">Navigation</div>
                        </div>
                    </div>
                    <div class="news_list">
                        <ul>
                            <li>
                                <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a>
                            </li>
                            <li>
                                <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a>
                            </li>
                            <li>
                                <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a>
                            </li>
                            <li>
                                <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a>
                            </li>
                            <li>
                                <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a>
                            </li>
                            <li>
                                <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="areaRight">
                    <div class="title">
                        <div class="title_contain">
                            <a class="more">More+</a>
                            <div class="ch_tilte">出站导航</div>
                            <div class="en_title">Navigation</div>
                        </div>
                    </div>
                    <div class="news_list">
                        <ul>
                            <li>
                                <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a>
                            </li>
                            <li>
                                <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a>
                            </li>
                            <li>
                                <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a>
                            </li>
                            <li>
                                <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a>
                            </li>
                            <li>
                                <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a>
                            </li>
                            <li>
                                <a href="">华南理工大学与广东凤铝铝业有限公司联合招收博士后中…</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="rightSide">
            <div class="img_link">
                <a>中国博士后进出站系统</a>
                <a>优秀博士后项目申请</a>
                <a>博士后信息管理</a>
                <a>常规问题自主问答</a>
            </div>
            <div class="area">
                <div class="title">
                    <a class="more">More+</a>
                    <div class="ch_tilte">博后风采</div>
                    <div class="en_title">Postdoctoral Elegant Demeanor</div>
                </div>
                <div class="list">
                    <ul>
                        <li><a href="">合作导师招收博士后申请表</a></li>
                        <li><a href="">合作导师招收博士后申请表</a></li>
                        <li><a href="">合作导师招收博士后申请表</a></li>
                    </ul>
                </div>
            </div>
            <div class="area">
                <div class="title">
                    <div class="ch_tilte">企业博士后合作</div>
                    <div class="en_title">Enterprise Cooperation</div>
                </div>
                <div class="list">
                    <ul>
                        <li><a href="">合作导师招收博士后申请表</a></li>
                        <li><a href="">合作导师招收博士后申请表</a></li>
                        <li><a href="">合作导师招收博士后申请表</a></li>
                    </ul>
                </div>
            </div>
            <div class="area">
                <div class="title">
                    <div class="ch_tilte">延期与退站</div>
                    <div class="en_title">Links</div>
                </div>
                <div class="list">
                    <ul>
                        <li><a href="">合作导师招收博士后申请表</a></li>
                        <li><a href="">合作导师招收博士后申请表</a></li>
                        <li><a href="">合作导师招收博士后申请表</a></li>
                        <li><a href="">合作导师招收博士后申请表</a></li>
                    </ul>
                </div>
            </div>
            <div class="area">
                <div class="title">
                    <div class="ch_tilte">友情链接</div>
                    <div class="en_title">Links</div>
                </div>
                <div class="link_list">
                   <div class="sel_div">
                       <select name="" >
                           <option>特色网站</option>
                       </select>
                   </div>
                   <div class="sel_div">
                       <select name="" >
                           <option>部分企业工作站</option>
                       </select>
                   </div>
                   <div class="sel_div">
                       <select name="">
                           <option>部分流动站科研基地</option>
                       </select>
                   </div>
                   <div class="sel_div">
                       <select name="" >
                           <option>相关链接</option>
                       </select>
                   </div>
                    <div class="QR_code">
                        <div class="WeChat">微信公众号</div>
                        <div class="micro_blog">新浪官方微博</div>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="footer">
    <div class="footer_contain centerArea">
        <div class="copyright">联系电话：87114038    邮箱：boguanban@163.com／zhuzc@scut.edu.cn／zengjayi@scut.edu.cn<br/>
            2017 © 华南理工大学人事处博士后 版权所有  粤ICP备05084312号-1    联系地址：华南理工大学人事处博士后管理办公室
        </div>
    </div>
</div>
</body>
</html>